<!DOCTYPE html><!--  Last Published: Tue Aug 12 2025 08:55:34 GMT+0000 (Coordinated Universal Time)  -->
<html data-wf-page="687472a22853f81090e3423b" data-wf-site="6746c68e6f85582138361fe0">

<head>
  <meta charset="utf-8">
  <title>collectors_OX_BJ</title>
  <meta content="collectors_OX_BJ" property="og:title">
  <meta content="collectors_OX_BJ" property="twitter:title">
  <meta content="width=device-width, initial-scale=1" name="viewport">
  <link href="css/normalize.css" rel="stylesheet" type="text/css">
  <link href="css/webflow.css" rel="stylesheet" type="text/css">
  <link href="css/greendragon-lab-275eeb.webflow.css" rel="stylesheet" type="text/css">
  <script
    type="text/javascript">!function (o, c) { var n = c.documentElement, t = " w-mod-"; n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch") }(window, document);</script>
  <link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
  <link href="images/webclip.png" rel="apple-touch-icon">
  <link rel="stylesheet" href="./css/vant.min.css">
  <link rel="stylesheet" href="./css/flex.css">
  <link rel="stylesheet" href="./css/property.css">
  <link rel="stylesheet" href="./css/listStyle.css">
  <script type="text/javascript" src="./js/vue.js"></script>
</head>

<body>
  <div v-cloak id="miniprogram" class="app-wrapper">
    <section class="header">
      <div class="header-wrapper">
        <div class="logo">
          <a href="index.html" class="w-inline-block"><img src="images/header_logo.svg" loading="lazy" alt=""
              height="Auto" class="image-3"></a>
        </div>
        <div class="hero-text">
          <div class="highlight-dot"></div>
          <div>
            <p class="small-text-white">公告：MONO.OX分子麻将</p>
            <p class="small-text">北京快闪延期</p>
          </div>
        </div>
        <div id="w-node-_769a4e41-2c61-5765-c520-0fe0569ae171-569ae16a" data-w-id="769a4e41-2c61-5765-c520-0fe0569ae171"
          class="burger">
          <div class="hamburger-button">
            <div class="line-top"></div>
            <div class="line-middle"></div>
            <div class="line-bottom"></div>
          </div>
        </div>
      </div>
    </section>
    <div class="nav-menu-wrapper">
      <a href="brand.html" class="nav-menu-link-top w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu-main-text">关于实验室</div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <a href="mahjong-product.html" class="nav-menu-link w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu-main-text">MONO.OX分子麻将</div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <a href="products.html" class="nav-menu-link w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu-main-text">周边产品</div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <a href="login.html" class="nav-menu-link w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu_icon"><img src="images/package_2_40dp_1D1D1D_FILL0_wght400_GRAD0_opsz40.svg" loading="lazy"
                alt=""></div>
            <div class="menu-main-text">样本持有人名单</div>
            <div class="sub-icon">
              <div class="basic-text-link">登记</div>
            </div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <a href="shop.html" class="nav-menu-link w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu-main-text">如何购买</div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <a href="collaboration.html" class="nav-menu-link w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu-main-text">机构合作</div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <a href="contact.html" class="nav-menu-link w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu-main-text">联系&amp;订阅</div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <div class="menu-bottom">
        <div class="menu-bottom-left"></div>
        <div class="menu-bottom-right">
          <div class="icons-layout"><img src="images/self_improvement_40dp_7A7A7A_FILL0_wght400_GRAD0_opsz40.svg"
              loading="lazy" width="Auto" alt="" class="image-103"></div>
        </div>
      </div>
    </div>
    <section class="main-section">
      <div class="category">
        <div id="w-node-_7e1fb61c-8ae8-5790-4791-1a547047610c-90e3423b" class="block-div-solid-top">
          <div class="h2">样本持有人名单</div>
        </div>
      </div>
      <div class="grid-5-1">
        <div data-w-id="bd76ddd8-9a40-9213-6e2f-e8d7b0c4b33e" class="login-wrapper">
          <div data-w-id="df438a7a-8518-861d-de34-c80a296e500e" class="login-toggle" @click="dengji">
            <div>
              <div class="standard-button-text" >样本登记</div>
            </div>
            <div class="arrow-icon"><img src="images/arrow_forward_ios_36dp_1D1D1D_FILL0_wght400_GRAD0_opsz40.svg"
                loading="lazy" alt="" class="image-107"></div>
          </div>
          <div class="login-panel">
            <div class="table-gap">
              <p>请查阅您所持有的分子麻将《实验室复现品收藏档案》，在下方输入《档案》中的“_SN”、“_CODE”号码，验证样本并登记。</p>
            </div>
            <div id="w-node-c9e648ea-4b9f-a436-b9e0-056b143a27eb-90e3423b" class="w-form">
              <form id="email-form" name="email-form" data-name="Email Form" method="get"
                data-wf-page-id="687472a22853f81090e3423b" data-wf-element-id="c9e648ea-4b9f-a436-b9e0-056b143a27ec">
                <label for="name">_SN</label><input class="w-input" maxlength="256" name="name" data-name="Name"
                  placeholder="" type="text" id="name"><label for="email">_CODE</label><input class="w-input"
                  maxlength="256" name="email" data-name="Email" placeholder="" type="email" id="email"
                  required=""><input type="submit" data-wait="Please wait..." class="button-s-b w-button"
                  value="验证样本&amp;登记"></form>
              <div class="w-form-done">
                <div>Thank you! Your submission has been received!</div>
              </div>
              <div class="w-form-fail">
                <div>Oops! Something went wrong while submitting the form.</div>
              </div>
            </div>
          </div>
        </div>
        <div id="w-node-_4a93e7cf-5f98-fca6-a4f5-0ccc993d85f3-90e3423b" class="standard-block">
          <div data-current="Tab 6" data-easing="ease" data-duration-in="300" data-duration-out="100"
            class="tabs w-tabs">
            <div class="tabs-menu w-tab-menu" style="overflow: auto;">
              <a class="tabs w-inline-block w-tab-link singleTab" @click="acIndex = index" :class="{acStyle: acIndex === index}" v-for="(item,index)  in portData" :key="index">
                <div>{{item.city}}</div>
              </a>
              <!-- <a data-w-tab="Tab 2" class="tabs w-inline-block w-tab-link">
                <div>上海</div>
              </a>
              <a data-w-tab="Tab 3" class="tabs w-inline-block w-tab-link">
                <div>香港</div>
              </a>
              <a data-w-tab="Tab 4" class="tabs w-inline-block w-tab-link">
                <div>深圳</div>
              </a>
              <a data-w-tab="Tab 5" class="tabs w-inline-block w-tab-link">
                <div>成都</div>
              </a>
              <a data-w-tab="Tab 6" class="tabs w-inline-block w-tab-link w--current">
                <div>台北</div>
              </a> -->
            </div>
            <div class="basic-block-gap">
              <div class="grid-3-1">
                <div id="w-node-a88665ff-e27c-7338-635e-eeb33f5b0d5b-90e3423b" class="table-gap">
                  <div>样本名称</div>
                  <div class="h3-list">MONO.OX_BEIJING</div>
                </div>
                <div id="w-node-_20861650-d591-5344-2a99-e4f8701f6566-90e3423b" class="table-gap">
                  <div>样本数量</div>
                  <div class="h3-list">299</div>
                </div>
                <div id="w-node-_03cd94c2-e27d-856a-b532-293d3372b430-90e3423b" class="table-gap">
                  <div>分发状态</div>
                  <div class="h3-list">分发中</div>
                </div>
              </div>
            </div>
            <div class="line-above">
              <div class="basic-block-gap">
                <p id="w-node-d4189468-36f5-6e3e-9277-9468e16213aa-90e3423b">样本介绍信息。</p>
              </div>
            </div>
            <div>
              <div class="collector-item" v-for="(item,index) in portData[acIndex]?.mahjongRespVOList" :key="index">
                <div class="limited-no">
                  <div class="h3-list">{{item.sn}}</div>
                </div>
                <div class="limited-name">
                  <div class="h3-list">{{item.name}}</div>
                </div>
              </div>
            </div>
            <div class="w-tab-content">
              <div class="tab-panel w-tab-pane">
                <div>
                  <div class="basic-block-gap">
                    <div class="grid-3-1">
                      <div id="w-node-a88665ff-e27c-7338-635e-eeb33f5b0d5b-90e3423b" class="table-gap">
                        <div>样本名称</div>
                        <div class="h3-list">MONO.OX_BEIJING</div>
                      </div>
                      <div id="w-node-_20861650-d591-5344-2a99-e4f8701f6566-90e3423b" class="table-gap">
                        <div>样本数量</div>
                        <div class="h3-list">{{portData[acIndex]?.mahjongRespVOList.length}}</div>
                      </div>
                      <div id="w-node-_03cd94c2-e27d-856a-b532-293d3372b430-90e3423b" class="table-gap">
                        <div>分发状态</div>
                        <div class="h3-list">分发中</div>
                      </div>
                    </div>
                  </div>
                  <div class="line-above">
                    <div class="basic-block-gap">
                      <p id="w-node-d4189468-36f5-6e3e-9277-9468e16213aa-90e3423b">样本介绍信息。</p>
                    </div>
                  </div>
                  <!-- <div>
                    <div class="collector-item" v-for="(item,index) in portData[acIndex]?.mahjongRespVOList" :key="index">
                      <div class="limited-no">
                        <div class="h3-list">{{item.sn}}</div>
                      </div>
                      <div class="limited-name">
                        <div class="h3-list">{{item.name}}</div>
                      </div>
                    </div>
                  </div> -->
                  <div class="flex-block-3to1">
                    <!-- <div class="collector-item" v-for="(item,index) in portData[acIndex].mahjongRespVOList" :key="index">
                      <div class="limited-no">
                        <div class="h3-list">{{item.sn}}</div>
                      </div>
                      <div class="limited-name">
                        <div class="h3-list">{{item.name}}</div>
                      </div>
                    </div> -->
                    <!-- <div class="collector-item">
                      <div class="limited-no">
                        <div class="h3-list">002</div>
                      </div>
                      <div class="limited-name">
                        <div class="h3-list">张三</div>
                      </div>
                    </div>
                    <div class="collector-item">
                      <div class="limited-no">
                        <div class="h3-list">003</div>
                      </div>
                      <div class="limited-name">
                        <div class="h3-list">张三</div>
                      </div>
                    </div>
                    <div class="collector-item">
                      <div class="limited-no">
                        <div class="h3-list">004</div>
                      </div>
                      <div class="limited-name">
                        <div class="h3-list">匿名</div>
                      </div>
                    </div>
                    <div class="collector-item">
                      <div class="limited-no">
                        <div class="h3-list">005</div>
                      </div>
                      <div class="limited-name">
                        <div class="h3-list">张三</div>
                      </div>
                    </div>
                    <div class="collector-item">
                      <div class="limited-no">
                        <div class="h3-list">006</div>
                      </div>
                      <div class="limited-name">
                        <div class="h3-list">张三</div>
                      </div>
                    </div>
                    <div class="collector-item">
                      <div class="limited-no">
                        <div class="h3-list">007</div>
                      </div>
                      <div class="limited-name">
                        <div class="h3-list">张三</div>
                      </div>
                    </div>
                    <div class="collector-item">
                      <div class="limited-no">
                        <div class="h3-list">008</div>
                      </div>
                      <div class="limited-name">
                        <div class="h3-list">张三</div>
                      </div>
                    </div>
                    <div class="collector-item">
                      <div class="limited-no">
                        <div class="h3-list">009</div>
                      </div>
                      <div class="limited-name">
                        <div class="h3-list">张三</div>
                      </div>
                    </div>
                    <div class="collector-item">
                      <div class="limited-no">
                        <div class="h3-list">010</div>
                      </div>
                      <div class="limited-name">
                        <div class="h3-list">张三</div>
                      </div>
                    </div>
                    <div class="collector-item">
                      <div class="limited-no">
                        <div class="h3-list">011</div>
                      </div>
                      <div class="limited-name">
                        <div class="h3-list">张三</div>
                      </div>
                    </div>
                    <div class="collector-item">
                      <div class="limited-no">
                        <div class="h3-list">012</div>
                      </div>
                      <div class="limited-name">
                        <div class="h3-list">张三</div>
                      </div>
                    </div>
                    <div class="collector-item">
                      <div class="limited-no">
                        <div class="h3-list">013</div>
                      </div>
                      <div class="limited-name">
                        <div class="h3-list">张三</div>
                      </div>
                    </div>
                    <div class="collector-item">
                      <div class="limited-no">
                        <div class="h3-list">014</div>
                      </div>
                      <div class="limited-name">
                        <div class="h3-list">张三</div>
                      </div>
                    </div>
                    <div class="collector-item">
                      <div class="limited-no">
                        <div class="h3-list">299</div>
                      </div>
                      <div class="limited-name">
                        <div class="h3-list">张三</div>
                      </div>
                    </div> -->
                  </div>
                </div>
              </div>
              <div data-w-tab="Tab 2" class="tab-panel w-tab-pane">
                <div class="basic-block-gap">
                  <div class="grid-3-1">
                    <div id="w-node-bf68d0a0-e0ee-99a6-6a83-b80d6ad5c1bd-90e3423b" class="table-gap">
                      <div>样本名称</div>
                      <div class="h3-list">MONO.OX_SHANGHAI</div>
                    </div>
                    <div id="w-node-bf68d0a0-e0ee-99a6-6a83-b80d6ad5c1c2-90e3423b" class="table-gap">
                      <div>样本数量</div>
                      <div class="h3-list">299</div>
                    </div>
                    <div id="w-node-bf68d0a0-e0ee-99a6-6a83-b80d6ad5c1c7-90e3423b" class="table-gap">
                      <div>分发状态</div>
                      <div class="h3-list">分发中</div>
                    </div>
                  </div>
                </div>
                <div class="line-above">
                  <div class="basic-block-gap">
                    <p id="w-node-bf68d0a0-e0ee-99a6-6a83-b80d6ad5c1ce-90e3423b">样本介绍信息。</p>
                  </div>
                </div>
                <div class="flex-block-3to1">
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">001</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">002</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">003</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">004</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">匿名</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">005</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">006</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">007</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">008</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">009</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">010</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">011</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">012</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">013</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">014</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">299</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                </div>
              </div>
              <div data-w-tab="Tab 3" class="tab-panel w-tab-pane">
                <div class="basic-block-gap">
                  <div class="grid-3-1">
                    <div id="w-node-c6a110da-b265-b919-6973-e73b472eae05-90e3423b" class="table-gap">
                      <div>样本名称</div>
                      <div class="h3-list">MONO.OX_HONGKONG</div>
                    </div>
                    <div id="w-node-c6a110da-b265-b919-6973-e73b472eae0a-90e3423b" class="table-gap">
                      <div>样本数量</div>
                      <div class="h3-list">299</div>
                    </div>
                    <div id="w-node-c6a110da-b265-b919-6973-e73b472eae0f-90e3423b" class="table-gap">
                      <div>分发状态</div>
                      <div class="h3-list">分发中</div>
                    </div>
                  </div>
                </div>
                <div class="line-above">
                  <div class="basic-block-gap">
                    <p id="w-node-c6a110da-b265-b919-6973-e73b472eae16-90e3423b">样本介绍信息。</p>
                  </div>
                </div>
                <div class="flex-block-3to1">
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">001</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">002</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">003</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">004</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">匿名</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">005</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">006</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">007</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">008</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">009</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">010</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">011</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">012</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">013</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">014</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">299</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                </div>
              </div>
              <div data-w-tab="Tab 4" class="tab-panel w-tab-pane">
                <div class="basic-block-gap">
                  <div class="grid-3-1">
                    <div id="w-node-b68794ba-8883-b44f-a9fd-6d42985e6730-90e3423b" class="table-gap">
                      <div>样本名称</div>
                      <div class="h3-list">MONO.OX_SHENZHEN</div>
                    </div>
                    <div id="w-node-b68794ba-8883-b44f-a9fd-6d42985e6735-90e3423b" class="table-gap">
                      <div>样本数量</div>
                      <div class="h3-list">299</div>
                    </div>
                    <div id="w-node-b68794ba-8883-b44f-a9fd-6d42985e673a-90e3423b" class="table-gap">
                      <div>分发状态</div>
                      <div class="h3-list">分发中</div>
                    </div>
                  </div>
                </div>
                <div class="line-above">
                  <div class="basic-block-gap">
                    <p id="w-node-b68794ba-8883-b44f-a9fd-6d42985e6741-90e3423b">样本介绍信息。</p>
                  </div>
                </div>
                <div class="flex-block-3to1">
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">001</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">002</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">003</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">004</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">匿名</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">005</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">006</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">007</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">008</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">009</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">010</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">011</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">012</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">013</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">014</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">299</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                </div>
              </div>
              <div data-w-tab="Tab 5" class="tab-panel w-tab-pane">
                <div class="basic-block-gap">
                  <div class="grid-3-1">
                    <div id="w-node-e205e775-7394-4b02-0457-8b9b537b96a8-90e3423b" class="table-gap">
                      <div>样本名称</div>
                      <div class="h3-list">MONO.OX_CHENGDU</div>
                    </div>
                    <div id="w-node-e205e775-7394-4b02-0457-8b9b537b96ad-90e3423b" class="table-gap">
                      <div>样本数量</div>
                      <div class="h3-list">299</div>
                    </div>
                    <div id="w-node-e205e775-7394-4b02-0457-8b9b537b96b2-90e3423b" class="table-gap">
                      <div>分发状态</div>
                      <div class="h3-list">分发中</div>
                    </div>
                  </div>
                </div>
                <div class="line-above">
                  <div class="basic-block-gap">
                    <p id="w-node-e205e775-7394-4b02-0457-8b9b537b96b9-90e3423b">样本介绍信息。</p>
                  </div>
                </div>
                <div class="flex-block-3to1">
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">001</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">002</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">003</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">004</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">匿名</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">005</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">006</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">007</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">008</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">009</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">010</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">011</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">012</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">013</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">014</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">299</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                </div>
              </div>
              <div data-w-tab="Tab 6" class="tab-panel w-tab-pane w--tab-active">
                <div class="basic-block-gap">
                  <div class="grid-3-1">
                    <div id="w-node-_34c219f0-6712-6b60-d578-f67806f2d77a-90e3423b" class="table-gap">
                      <div>样本名称</div>
                      <div class="h3-list">MONO.OX_TAIPEI</div>
                    </div>
                    <div id="w-node-_34c219f0-6712-6b60-d578-f67806f2d77f-90e3423b" class="table-gap">
                      <div>样本数量</div>
                      <div class="h3-list">299</div>
                    </div>
                    <div id="w-node-_34c219f0-6712-6b60-d578-f67806f2d784-90e3423b" class="table-gap">
                      <div>分发状态</div>
                      <div class="h3-list">分发中</div>
                    </div>
                  </div>
                </div>
                <div class="line-above">
                  <div class="basic-block-gap">
                    <p id="w-node-_34c219f0-6712-6b60-d578-f67806f2d78b-90e3423b">样本介绍信息。</p>
                  </div>
                </div>
                <div class="flex-block-3to1">
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">001</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">002</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">003</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">004</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">匿名</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">005</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">006</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">007</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">008</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">009</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">010</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">011</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">012</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">013</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">014</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                  <div class="collector-item">
                    <div class="limited-no">
                      <div class="h3-list">299</div>
                    </div>
                    <div class="limited-name">
                      <div class="h3-list">张三</div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6746c68e6f85582138361fe0"
    type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
    crossorigin="anonymous"></script>
  <script src="js/webflow.js" type="text/javascript"></script>
  <script src="./js/vant.min.js"></script>
  <script src="./js/axios.min.js"></script>
  <script type="text/javascript">
    var miniprogram = new Vue({
      el: "#miniprogram",
      data: {
        cdkName:'',
        acIndex:0,
        cdkPass:'',
        portData: []
      },
      methods: {
        dengji(){
          sessionStorage.removeItem('cdkName')
          sessionStorage.removeItem('cdkPass')
          window.location.href='login.html'
        },
        init(){
          axios({ url: 'https://0x0x0x0.com/api/mahjongCdk/list', method: 'get'}).then(res => {
            console.log(res.data,'返回结果')
            if (res.data.code === 0 ||  res.data.code === 200) {
              // this.logout()
              this.portData = res.data?.data
            } else{
              vant.Toast(res.data.msg);
            }
          }).catch(err => {
            console.log(err)
            vant.Toast('发送失败')
          })
        }
      },
      mounted: function () {
        this.cdkName = sessionStorage.getItem('cdkName')
        this.cdkPass = sessionStorage.getItem('cdkPass')
        this.init()
      },
    })
  </script>
</body>

</html>